<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>百度一下，你就知道</title>
        <link rel="stylesheet" href="./main.css">
        <link rel="stylesheet" href="src/Font-Awesome-3.2.1/css/font-awesome.min.css">
        <link rel="icon" href="src/img/favico.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="src/img/favico.ico" type="image/x-icon" /></head>

    <body id="body">
        <!-- 头部 -->
        <header>
            <nav>
                <ul class="left_list">
                    <li id="weather-but" class="weather">
                        <span class="weather-city">重庆：</span>
                        <span class="weather-icon"></span>
                        <span class="weather-temp" style="margin-left: 23px;">23℃</span>
                        <span class="weather-state">良</span>
                        <span class="weather-numer">79</span>
                        <span>|</span></li>
                    <li class="link">
                        <a href="">宝箱</a></li>
                    <li class="link">
                        <a href="">换肤</a></li>
                    <li class="link">
                        <a href="">消息</a></li>
                </ul>
                <ul class="right_list">
                    <li class="box" style="font-weight: normal;margin-left: 0;" id="box">更多产品
                        <!-- 下拉菜单 -->
                        <div id="box-div" style="display:none;">
                            <div class="box-div-m">
                                <img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/topnav/music.png" alt="" />
                                <a href="">音乐</a></div>
                            <div class="box-div-m">
                                <img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/topnav/music.png" alt="" />
                                <a href="">音乐</a></div>
                            <div class="box-div-m">
                                <img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/topnav/music.png" alt="" />
                                <a href="">音乐</a></div>
                            <div class="box-div-m">
                                <img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/topnav/music.png" alt="" />
                                <a href="">音乐</a></div>
                            <div class="box-div-m">
                                <img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/topnav/music.png" alt="" />
                                <a href="">音乐</a></div>
                            <div class="box-div-m" style="border:none;">
                                <a href="">全部产品»</a></div>
                        </div>
                    </li>
                    <!-- 个人设置 -->
                    <li style="font-weight: normal;margin-left: 0;" id="user1">
                        <a href="">设置</a>
                        <div class="menu height1" id="menu1">
                            <div class="tips tips2"></div>
                            <div class="menu1">搜索设置</div>
                            <div class="menu1">高级搜索</div>
                            <div class="menu1">开启预测</div>
                            <div class="menu1">搜索历史</div></div>
                    </li>
                    <li style="font-weight: normal;margin-left: 0;" id="user">
                        <a href="">沫帛殇</a>
                        <div class="menu height" id="menu">
                            <div class="tips tips2"></div>
                            <div class="menu1">我的VIP</div>
                            <div class="menu1">个人中心</div>
                            <div class="menu1">账号设置</div>
                            <div class="menu1">意见反馈</div>
                            <div class="menu1">退出</div></div>
                    </li>
                    <li>
                        <a href="" style="margin-right: 19px;">贴吧</a></li>
                    <li>
                        <a href="">视频</a></li>
                    <li>
                        <a href="">地图</a></li>
                    <li>
                        <a href="">hao123</a></li>
                    <li>
                        <a href="">新闻</a></li>
                    <li>
                        <a href="">糯米</a></li>
                </ul>
            </nav>
            <div id="weather">
                <div class="tips tips1"></div>
                <div class="wea1">
                    <div class="wea2">
                        <span class="lunar-calendar">09月28日</span>
                        <span class="lunar-festival" style="color:#999;">农历 八月廿八</span>
                        <span class="lunar-sevenday" style="margin-left:15px;">
                            <a style="text-decoration:none;color:#398bfb;" class="lunar-sevenday-link" target="_blank" href="http://www.weather.com.cn/weather/101040100.shtml#7d">未来七天天气</a></span>
                        <span class="lunar-setting-btn" style="float:right;">
                            <i class="icon-cog" style="margin-right: 5px;"></i>设置</span>
                    </div>
                    <div class="wea3">
                        <div class="wea4">
                            <p>今天(周三)</p>
                            <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/weather/aladdin/jpg/a0.jpg" alt="">
                            <p>23℃</p>
                            <p>晴</p>
                            <p>微风</p>
                        </div>
                        <div class="wea4">
                            <p>今天(周三)</p>
                            <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/weather/aladdin/jpg/a0.jpg" alt="">
                            <p>23℃</p>
                            <p>晴</p>
                            <p>微风</p>
                        </div>
                        <div class="wea4">
                            <p>今天(周三)</p>
                            <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/weather/aladdin/jpg/a0.jpg" alt="">
                            <p>23℃</p>
                            <p>晴</p>
                            <p>微风</p>
                        </div>
                        <div class="wea4">
                            <p>今天(周三)</p>
                            <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/weather/aladdin/jpg/a0.jpg" alt="">
                            <p>23℃</p>
                            <p>晴</p>
                            <p>微风</p>
                        </div>
                        <div class="wea4">
                            <p>今天(周三)</p>
                            <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/weather/aladdin/jpg/a0.jpg" alt="">
                            <p>23℃</p>
                            <p>晴</p>
                            <p>微风</p>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- 搜索 -->
        <div class="section1">
            <img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" alt="logo">
            <div class="search1">
                <div class="search2">
                    <input type="text" id="txt">
                    <i class="icon-camera"></i>
                </div>
                <div id="but">百度一下</div></div>
        </div>
        <!-- 收藏 -->
        <div class="section2">
            <div class="top">
                <div class="user">
                    <p>
                        <i class="icon-user" style="padding-right: 5px;"></i>我的关注</p>
                </div>
                <div class="cog">
                    <i class="icon-cog" style="color:#666;"></i>
                </div>
            </div>
            <div class="middle" id="mid11">
                <div class="m1">
                    <div class="button-top">
                        <div style="width: 10px;">
                            <i class="icon-angle-down" id="icon1"></i>
                        </div>
                        <div class="nav-font">我的导航
                            <span style="font-size: 13px;font-weight: normal;color: #666;">(23)</span></div>
                    </div>
                    <div class="none_right" id="none_right" style="display: none;">
                        <div id="add">添加</div>
                        <div id="edit">编辑</div>
                        <div>
                            <input type="checkbox" class="checkbox">
                            <span>分类显示</span></div>
                        <div>
                            <input type="checkbox" class="checkbox">
                            <span>返利模式</span></div>
                        <div title="置顶" style="color: rgb(153, 153, 153);">置顶</div></div>
                </div>
                <div class="button-mid" id="button_mid">
                    <div class="m2">
                        <p>1</p>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/l4oZeXSm1A5BphGlnYG/icon/95524.png">百度翻译</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss1.bdstatic.com/lvoZeXSm1A5BphGlnYG/icon/8509.png">谷歌搜索</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss1.bdstatic.com/lvoZeXSm1A5BphGlnYG/icon/8509.png">谷歌图片</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss2.bdstatic.com/lfoZeXSm1A5BphGlnYG/icon/8510.png">谷歌翻译</a></div>
                    </div>
                    <div class="m2">
                        <p>2</p>
                        <div>
                            <a href="">
                                <img src="https://ss3.bdstatic.com/lPoZeXSm1A5BphGlnYG/icon/10603.png">有道云笔记</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss2.bdstatic.com/lfoZeXSm1A5BphGlnYG/icon/7718.png">bilibili</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png">琉璃神社</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png">菜鸟教程</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png">慕课网</a></div>
                    </div>
                    <div class="m2">
                        <p>3</p>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png">动漫之家</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss2.bdstatic.com/kfoZeXSm1A5BphGlnYG/icon/81402.png">动漫花园</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/7656.png">百度ife</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png">freecodec…</a></div>
                    </div>
                    <div class="m2">
                        <p>4</p>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/7656.png">百度网盘</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/l4oZeXSm1A5BphGlnYG/icon/95596.png">115网盘</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png">乐视云盘</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png">磁力转换</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss2.bdstatic.com/kfoZeXSm1A5BphGlnYG/icon/7282.png">360云盘</a></div>
                    </div>
                    <div class="m2">
                        <p>5</p>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png">国外图床</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png">图片外链</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png">短链接</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png">智图</a></div>
                        <div>
                            <a href="">
                                <img src="https://ss0.bdstatic.com/l4oZeXSm1A5BphGlnYG/icon/9524.png">Git@OSC</a></div>
                    </div>
                </div>
                <div class="m2 m4">
                    <p class="m3">
                        <a href="">
                            <i class="icon-plus" style="color:#666;"></i>&nbsp;&nbsp;自定义</a>
                    </p>
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <footer class="section3">
            <div class="home" id="home8">滑动查看更多
                <div class="home-sprite"></div></div>
            <div class="footers">
                <span class="copyright-text">
                    <a class="sethome" href="//www.baidu.com/cache/sethelp/index.html" target="_blank">设为首页</a>
                    <span>©2016&nbsp;Baidu&nbsp;</span>
                    <a href="//www.baidu.com/duty/" target="_blank">使用百度前必读</a>&nbsp;
                    <a href="http://jianyi.baidu.com" target="_blank">意见反馈</a>&nbsp;
                    <span>京ICP证030173号&nbsp;</span>
                    <img style="vertical-align: -2px;" src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/copy_rignt_24.png"></span>
            </div>
            <div>
                <i class="f-icon"></i>京公网安备11000002000001号</div>
        </footer>
        <div class="menu_up up2" id="menu_up"></div>
        <div class="up1 up2" id="up1">
            <div class="up1_1 up_max nav-font">添加网址
                <i class="icon-remove" style="right: 15px;top: 7px;font-size: 24px;" id="remove5"></i></div>
            <div class="up1_2 up_max">
                <div class="classify">
                    <div class="input-icon sug-a">
                        <input type="text" class="sug-dir-input dir1" placeholder="名称"></div>
                    <div class="input-icon sug-a">
                        <input type="text" class="sug-dir-input dir2" placeholder="网址"></div>
                    <div class="input-icon sug-a">
                        <input class="sug-dir-input dir3" value="未选择分类" disabled="disabled"></div>
                    <div class="sug-button">添加网址</div></div>
            </div>
        </div>
        <script src="./main.js"></script>
    </body>

</html>
